<template>
  <div class="wb_myWeibo">
    <el-col :span="18" class="wb_container">
      <weibo-item v-for="item,n in weiboList.list" :data="item" :key="n.toString()"></weibo-item>
    </el-col>
  </div>
</template>
<script>
  import {mapState, mapActions} from 'vuex'
  import weiboItem from '@/components/common/content/weiboItem'
  export default {
    components: {weiboItem},
    data () {
      return {
        appid: this.$route.params.appid
      }
    },
    mounted () {
      this.init()
    },
    computed: {
      ...mapState('weiboManage', {
        weiboList: state => state.myWeibo
      })
    },
    methods: {
      ...mapActions('weiboManage', ['getMyWbList']),
      init () {
        this.getMyWbList({
          appid: this.appid
        })
      }
    }
  }
</script>
<style lang="scss">
  .wb_myWeibo{
    .wb_container{
      &{min-width:800px;}
    }
  }
</style>
